{include file="public/header"}
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>任务管理>详情</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/tt.css" />
    <style>
        body{
            max-width:1920px;
            height:100%;
            background:#eee;
            margin:0;
            padding:0;
        }
        .box{
            width:1200px;
            height:auto;
            background:#fff;
            padding-top:50px;
            padding-bottom:366px;
            margin:30px auto 94px;
            overflow: hidden;
            border-radius:3px;
        }
        .content{
            width:100%;
            height:auto;
            font-size:14px;
            color:#333;
            margin-left:125px;
            margin-top:10px;
            display: flex;
        }
        .itemTitle{
            width:100px;
            height:auto;
            line-height: 20px;
            font-weight:500;
            margin-right:68px;
        }
        .itemValue{
            height:20px;
            line-height: 20px;

        }
        .itemImg1{
            width:40px;
            height:40px;
            border-radius:50%;
            border:1px solid #d9d9d9;
            box-sizing: border-box;
        }
        .itemImg2{
            width:100px;
            height:100px;
            box-sizing: border-box;
            border:1px solid #d9d9d9;
            border-radius:4px;
        }

        .content:first-child{
            margin-top:0;
        }
        .content:last-child{
            margin-top:50px;
        }
        .wrap1 {
            max-width:1920px;
            background: #3F3F3F;
            height: 30px;
            line-height: 30px;
        }

        .wrap1 .content1 {
            margin: 0 auto;
            width: 1200px;
            font-size: 12px;
            color: #ffffff;
            /*position: relative;*/
            display: flex;
            background: #3F3F3F;
        }

        .kong {
            flex: 1;
        }

        .content12 {
            position: relative;
        }

        .redhot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #BA0000;
            position: absolute;
            left: 24px;
            top: 5px;
        }

        .wrap2 {
            line-height: 60px;
            max-width:1920px;
            height: 60px;
            background: #ffffff;
        }

        .content2 {
            margin: auto;
            width: 1200px;
            display: flex;
            background: #ffffff;
        }

        .content2_left {
            width: 190px;
            font-size: 18px;
            color: #333333;
        }

        .content2_left span {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #0065F0;
            vertical-align: middle;
            margin-right: 11px;
        }

        .content_middle {
            flex: 1;
            text-align: left;
            display: flex;
        }

        .content_right {
            font-size: 16px;
        }

        .content_right img {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            margin-right: 20px;
            vertical-align: middle;
        }

        .content_middle .item {
            width: 152px;
        }

        .content_middle .item.active2 {
            color: #0065F0;
        }

        .wrap3 {
            line-height: 60px;
            max-width:1920px;
            height: 60px;
            background: #0065F0;
        }

        .content3 {
            margin: auto;
            width: 1200px;
            display: flex;
            background: #0065F0;
        }

        .content3-left {
            line-height: 60px;
            color: #ffffff;
            font-size: 16px;
        }

    </style>
    <style>
        .btn2{
            color: cornflowerblue;
            margin-left: 20px;
            margin-top: -30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="wrap3">
    <div class="content3">
        <div class="content3-left">
            任务管理 > 用户领取详情
        </div>
    </div>
</div>

<div class="box">
    <div class="btn2" onclick="history.go(-1)">
        << 返回
    </div>
    <div style="height: 10px;width: 100%"></div>
    <div class="content">
        <div class="itemTitle">任务类型：</div>
        <div class="itemValue">
            {if $data['task_active'] == 1}普通任务{/if}
            {if $data['task_active'] == 2}活动任务{/if}
            {if $data['task_active'] == 3}达人任务{/if}
        </div>
    </div>
    <div class="content">
        <div class="itemTitle">任务编号：</div>
        <div class="itemValue">{$data.tu_number}</div>
    </div>
    <div class="content">
        <div class="itemTitle">领取用户：</div>
        <div class="itemValue">{$data.user_username}</div>
    </div>
    <div class="content">
        <div class="itemTitle">用户头像：</div>
        <img src="{$data.user_image}" alt="" class="itemImg1">
    </div>
    {if $data.task_type == 6}
    <div class="content">
        <div class="itemTitle">已完成次数/需完成次数：</div>
        <div class="itemValue">
            {if $data.task_share_type == 1}
            {$data.tu_share_b_num}/{$data.task_share_b_num}
            {else /}
            {$data.tu_share_fen}/{$alls}
            {/if}
        </div>
    </div>
        {if $data.task_share_type == 1}
        <div class="content">
            <div class="itemTitle">分享次数/曝光率：</div>
            <div class="itemValue">{$data.tu_share_b_num}</div>
        </div>
        {else /}
        <div class="content">
            <div class="itemTitle">点击次数/到达率：</div>
            <div class="itemValue">{$data.tu_share_b_num}</div>
        </div>
        {/if}
    {/if}
    <div class="content">
        <div class="itemTitle">状态：</div>
        <div class="itemValue">{$now_status[$data.tu_status]}</div>
    </div>
    <div class="content">
        <div class="itemTitle">领取时间：</div>
        <div class="itemValue">{$data.tu_receive_time}</div>
    </div>
    <div class="content">
        <div class="itemTitle">提交时间：</div>
        <div class="itemValue">{$data.tu_submit_time!='0000-00-00 00:00' ?: '未提交'}</div>
    </div>
    <div class="content">
        <div class="itemTitle">审核时间：</div>
        <div class="itemValue">{$data.tu_do_time!='0000-00-00 00:00' ?: '未审核'}</div>
    </div>
    <div class="content">
        <div class="itemTitle">提交内容：</div>
        {if $data['tu_image']}
        {volist name="$data['tu_image']" id='img'}
        <img src="{$img}" alt="" class="itemImg2">
        {/volist}
        {else /}
        暂无提交内容
        {/if}
    </div>

</div>
</body>
{include file="public/footer"}
<script>
</script>